<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <meta name="viewport"
              content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" href="css/jquery.mobile-1.4.2.min.css" />
        <link rel="stylesheet" href="css/customizacao.css" />
        <script src="js/jquery/jquery-1.11.0.min.js"></script>
        <script src="js/jquery/jquery.mobile-1.4.2.min.js"></script>
        <script type="text/javascript" src="js/configuracoes.js"></script> 
        <script src="js/boletim.js"></script>
        <title>Boletim</title>
    </head>
    <body>
        <div data-role="page">

            <div data-role="panel" data-position="left" id="menu" class="ui-responsive-panel" data-display="push" data-theme="b">
                <h3 class="usuario"></h3>
                <ul data-role="listview">
                    <li data-icon="false"><a href="home.html" rel="external">Pagina Inicial</a></li>
                    <li data-icon="false"><a href="frequencia.html" rel="external">Frequência</a></li>
                    <li data-icon="false"><a href="boletim.html" rel="external">Boletim</a></li>
                    <li data-icon="false"><a href="mensagens.html" rel="external">Mensagem</a></li>
                    <li data-icon="false"><a href="calendario.html" rel="external">Calendário</a></li>
                    <li data-icon="false"><a href="avisos.html" rel="external">Avisos</a></li>
                    <li data-icon="false"><a href="meus_dados.html" rel="external">Meus Dados</a></li>
                </ul>
            </div><!-- /panel -->

            <div data-role="header" data-position="fixed" data-theme="a">
                <a href="#menu" class="ui-btn-left ui-btn ui-btn-inline ui-mini ui-corner-all ui-btn-icon-left ui-icon-bars ui-btn-icon-notext botao-menu"/>menu</a>
                <h3 class="titulo-menu">Boletim</h3>
            </div>
            <!-- /header -->

            <div data-role="content" class="ui-content">
                <ul data-role="listview" data-inset="true" id="disciplinas">                    
                </ul>
            </div>
            <!-- /content -->
        </div>
        <!-- /page -->
        <div  data-role="page" id="notas" data-theme="a">
            <div data-role="panel" data-position="left" id="menu2" class="ui-responsive-panel" data-display="push" data-theme="b">
                <h3 class="usuario"></h3>
                <ul data-role="listview">
                    <li data-icon="false"><a href="home.html" rel="external">Pagina Inicial</a></li>
                    <li data-icon="false"><a href="frequencia.html" rel="external">Frequência</a></li>
                    <li data-icon="false"><a href="boletim.html" rel="external">Boletim</a></li>
                    <li data-icon="false"><a href="mensagens.html" rel="external">Mensagem</a></li>
                    <li data-icon="false"><a href="calendario.html" rel="external">Calendário</a></li>
                    <li data-icon="false"><a href="avisos.html" rel="external">Avisos</a></li>
                    <li data-icon="false"><a href="meus_dados.html" rel="external">Meus Dados</a></li>
                </ul>
            </div><!-- /panel -->
            <div data-role="header" data-position="fixed" data-theme="a">
                <a href="#menu2" class="ui-btn-left ui-btn ui-btn-inline ui-mini ui-corner-all ui-btn-icon-left ui-icon-bars ui-btn-icon-notext botao-menu"/>menu</a>
                <h3 class="titulo-menu">Notas</h3>
            </div>
            <div data-role="content">
                <h3>Notas</h3>
                <ul data-role="listview" data-inset="true" id="listNotas">
                </ul>
                <a href="#" class="ui-btn" data-icon="back" data-rel="back" title="Voltar">Voltar</a>
            </div>
        </div>
    </body>
</html>
